<template>
	<view class="setting-box">
		<uni-section title="设置" type="line">
			<uni-list>
				<uni-list-item title="实名认证" rightText="未认证" showArrow clickable/>
				<uni-list-item title="绑定微信" rightText="未绑定" showArrow clickable/>
				<uni-list-item title="通知设置" showArrow clickable/>
			</uni-list>
		</uni-section>

		<uni-section title="关于" type="line" style="margin-top: 30rpx;">
			<uni-list>
				<uni-list-item title="用户协议" clickable showArrow @click="gotoPath('/pages/agreement/agreement')" />
				<uni-list-item title="隐私协议" clickable showArrow @click="gotoPath('/pages/agreementYs/agreementYs')" />
			</uni-list>
		</uni-section>

		<view class="footer-btn">
			<view class="btn">
				退出登录
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			gotoPath(url) {
				uni.navigateTo({
					url
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	.footer-btn {
		box-sizing: border-box;
		padding: 30rpx;

		.btn {
			height: 80rpx;
			line-height: 80rpx;
			text-align: center;
			color: #fff;
			background-color: red;
			border-radius: 160rpx;
		}
	}
</style>